// import Card from "./components/Card";
// import Card2 from "./components/Card2";
// import UseStateFC from "./components/UseStateFC";
// import UseRefFC from "./components/UseRefFC";
// import UseEffectFC from "./components/UseEffectFC";
// 插槽会传给props.children

// 子传父回调
// const fn = (params: string) => {
//   console.log(params);
// };
// 父传子是直接传值props

// ----------------------
// import ShopCart from "./views/ShopCart";
// import DexieFC from "./views/DexieFC";
import AiFC from "./views/AiFC";
function App() {
  return (
    <>
      {/* <Card title={"我是兄弟组件A"} cb={fn}> */}
      {/* <div>测试22</div> */}
      {/* </Card> */}
      {/* <Card2 title={"我是兄弟组件B"} /> */}
      {/* <UseStateFC /> */}
      {/* <UseReducerFC /> */}
      {/* <UseSyncExternalStoreFC /> */}
      {/* <UseRefFC /> */}
      {/* <UseEffectFC /> */}
      {/* 案例-购物车 */}
      {/* <ShopCart /> */}
      <AiFC />
      {/* <DexieFC /> */}
    </>
  );
}

export default App;
